@charset "UTF-8";
/* menubtn */
#head > div:nth-child(2) { width: auto; float: right; margin-top: 2rem; }

.menubtn { width: 3rem; height: 3rem; margin: auto; margin-left: 1rem; display: flex; align-items: center; }

.menubtn > div { width: 2rem; height: 3px; background: white; border-radius: 1.5px; position: relative; }

.menubtn > div:before, .menubtn > div:after { content: ''; width: 100%; height: 3px; background: white; border-radius: 1.5px; display: block; position: absolute; right: 0; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; }

.menubtn > div:before { top: -8px; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -moz-transform: rotate(0deg); /* Firefox */ -o-transform: rotate(0deg); }

.menubtn > div:after { bottom: -8px; transform-origin: 0 3px; -ms-transform-origin: 0 3px; -webkit-transform-origin: 0 3px; -moz-transform-origin: 0 3px; -o-transform-origin: 0 3px; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -moz-transform: rotate(0deg); /* Firefox */ -o-transform: rotate(0deg); }

.menubtn.on > div { background: rgba(255, 255, 255, 0); }

.menubtn.on > div:before { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -moz-transform: rotate(45deg); /* Firefox */ -o-transform: rotate(45deg); /* Opera */ }

.menubtn.on > div:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */ -moz-transform: rotate(-45deg); /* Firefox */ -o-transform: rotate(-45deg); }

/* 导航 */
.header-nav { position: absolute; top: 120px; left: 100VW; width: 100%; z-index: 10; background: #666; transition: all 0.3s; overflow-y: auto; }

.header-nav > ul > li { background: #333; color: #fff; border-bottom: 1px solid #666; line-height: 3.5rem; font-size: 16px; font-weight: bold; }

.header-nav > ul > li > a { color: #fff; display: block; padding-left: 5%; }

.head-replace { height: 9rem; }

.header-nav > ul > li > ul { overflow: hidden; }

.header-nav > ul > li > ul li { border: none; font-size: 1rem; line-height: 50px; height: 50px; width: auto; width: 50%; display: block; float: left; text-align: center; }

.header-nav > ul > li > ul li a { color: #eae5e5; display: block; height: 50px; width: auto; border: 1px solid #666; border-left: none; }

/* 短导航 */
.head-pnav { position: fixed; top: 60px; z-index: 999; width: 100%; overflow: hidden; }

@media (max-width: 992px) { .head-pnav { top: 85px; } }

@media (max-width: 768px) { .head-pnav { top: 60px; } }

.head-pnav > ul { overflow: hidden; background-color: #fff; }

.head-pnav > ul > li { display: none; float: left; width: 28%; height: 3rem; line-height: 3rem; text-align: center; border-right: 1px solid #f1f1f1; border-top: none; border-bottom: none; box-sizing: border-box; background: #275bc8; }

.head-pnav > ul > li a { color: #fff; }

.head-pnav > ul > li:nth-child(1) { display: block; border-left: none; }

.head-pnav > ul > li:nth-child(2) { display: block; }

.head-pnav > ul > li:nth-child(3) { display: block; }

.head-pnav > ul > li:nth-child(4) { display: block; }

.head-pnav > div { width: 16%; position: absolute; top: 0; right: 0; padding-left: 0.5rem; border-left: 1.5px solid #fff; background: #f5a334; }

.inside-nav { width: 100%; margin-top: 2rem; overflow: hidden; }

.inside-nav .inside-nav-list { width: 46%; text-align: left; margin: 0.5rem 2%; float: left; background: #f4e4e4; display: flex; height: 8rem; border-radius: 1rem; }

.inside-nav .inside-nav-list > div:nth-child(1) { margin: auto; }

.inside-nav .inside-nav-list > div:nth-child(1) p:nth-child(1) { color: #382f30; font-size: 1.8rem; }

.inside-nav .inside-nav-list > div:nth-child(1) p:nth-child(2) { color: #b3a1a1; font-size: 1.4rem; }

.inside-nav .inside-nav-list > div:nth-child(2) { margin: auto; }

.inside-nav .inside-nav-list > div:nth-child(2) img { width: 100%; margin: auto; }

.index-inside-title { margin-top: 1rem; background: #fff; padding: 1.5rem 0; text-align: center; }

.index-inside-title P { font-size: 1.0rem; color: #ccc; padding: 5px; }

.index-inside-title b { color: #27a493; }

.index-inside-title > div { font-size: 1.9rem; color: #323232; margin: auto 0; position: relative; width: auto; display: inline-block; }